import { React } from 'react'
import { HashRouter as Router, Route, Switch } from 'react-router-dom';
import Main from '../pages/main';
import Cart from '../pages/cart';
import Category from '../pages/category';
import Ceo from '../pages/ceo';
import Me from '../pages/me';
import MyFooter from '../components/myfooter';
import Item from '../pages/item'
import SearchCom from '../pages/search';
import ListCom from '../pages/list';

const App = () => (
    <Router>
        <MyFooter />
        <div className='content'>
            <Switch>
                <Route path="/" exact={true} component={Main} />
                <Route path="/category" component={Category} />
                <Route path="/ceo" component={Ceo} />
                <Route path="/cart" component={Cart} />
                <Route path="/me" component={Me} />
                <Route path="/item/:id" component={Item} />
                <Route path="/search" component={SearchCom} />
                <Route path="/list/:searchstr" component={ListCom} />
            </Switch>
        </div>
    </Router>
)
export default App;


